.ruleMask {
  position       : fixed;
  left           : 0;
  top            : 0;
  right          : 0;
  bottom         : 0;
  width          : 100%;
  height         : 100%;
  z-index        : 9;
  background     : rgba(0, 0, 0, 0.8);
  display        : flex;
  flex-direction: column;
  justify-content: center;
  align-items    : center;
}

.conten_img {
  display        : flex;
  justify-content: center;
  align-items    : center;
  flex-direction : column;

}

.ruleMaskImg {
  width : 15.786667rem;
  height: 25.2rem;
}

.ruleMaskCloseBtn {
  width     : 1.386667rem;
  height    : 1.386667rem;
  margin-top: 1.013333rem;
}


// 填写手机号
.phone_box {
  display        : flex;
  justify-content: center;
  align-items    : center;
  flex-direction : column;
  width          : 15.786667rem;

  .head_wrap {
    width: 15.786667rem;

    img {
      display: block;
      width  : 15.786667rem;
      height : 11.653333rem;
    }
  }

  .from_wrap {
    margin-left               : 2px;
    width                     : 15.733333rem;
    padding                   : 0.8rem 1.333333rem;
    background                : #fff;
    border-bottom-right-radius: 0.746667rem;
    border-bottom-left-radius : 0.746667rem;
    box-sizing                : border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    ul {
      padding: 0;
      margin : 0;

      li {
        padding        :0.853333rem 0;
        border-bottom  : 1px solid #EEEEEE;
        display        : flex;
        justify-content: flex-start;
        align-items    : center;

        span {
          flex-shrink: 0;
          width: 3.466667rem;
          color    : #323232;
          font-size: 0.746667rem;
        }

        input {
          font-weight: bold;
          border    : none;
          outline   : none;
          background: #fff;
          font-size: 0.8rem;
          padding-left: 0.266667rem;
        }
        &.yzm {
          display: flex;
          justify-content: space-between;
          align-items: center;
          span {
            color    : #323232;
            font-size: 0.746667rem;
          }

          input {
            border    : none;
            outline   : none;
            background: #fff;
            width: 5.333333rem;
          }

          i {
            flex-shrink: 0;
            width: 4.64rem;
            font-style: normal;
            color     : #516692;
            font-size : 0.64rem;
          }
        }
      }
    }
    .button_wrap{
      margin-top: 2.133333rem;
      width: 12.213333rem;
      height: 2.133333rem;
      font-size: 0.853333rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      background: #57B06C;
      border-radius: 1.333333rem;
    }
    .rules_wrap{
      padding: 0.8rem 0;
      color: #999999;
      font-size: 0.64rem;
    }
  }
}